@charset "utf-8";
/*!
 * YNWEI.COM
 *
 */

@charset "utf-8";
/*@charset "utf-8";*/
 

/**@import url("icon.css");**/

/*递归样式写法*/
html > body > table >  tr [id="total"] > td  > ul > li { color:#ff0000;}

/*弹性图片*/
img {max-width:100%;height:auto;width:auto9; /* ie8 */}
/*弹性内嵌元素(视频)*/
.video embed,.video object,.video iframe {width: 100%;height: auto;}
/*字号自动调整的问题(通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整)*/
body{
	-webkit-text-size-adjust:none;
}
  
/* 网站样式重写 */
body, select, input, textarea {
    color:#333; /*font-family:Arial,'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif;*/ font-size:17px;  background:#fff;/*解决电脑设置保护色，网页空白处默认淡绿色问题*/ font-family:"宋体", "新宋体", Arial; line-height:25px;
}
 * {}
a{outline:none; text-decoration:none; color:#1570A6;} a:hover{ text-decoration:underline; color:#24459a;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden;} 
body,div,dl,dt,dd,ul,ol,li/*,h1,h2,h3,h4,h5,h6*/,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/}
p{
	margin:0 0 10px 0;
}
 /*fieldset,*/a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
li{/*list-style:none;*/ /*list-style-position:inside; 不兼容ie6,ie7*/}
  caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{/*font-size:100%;*/font-weight:normal;} 
q:before,q:after{content:'';}
hr{
	border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;  margin:10px 0;
}
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; 
/*_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<"100%"?"100%":"");*/ /*_width:100%;*/}

blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; } sup{ font-size:11px;} small{ font-size:11px;} big{ font-size:19px;}

ul{
	margin-left:20px;
}
ul.unstyled, ol.unstyled{ list-style:none; }
ul.circle{ list-style-type:circle; }
ul.square{ list-style-type:square; }
ul.cjk{ list-style-type:cjk-ideographic; }


/*首字母*/
.firstletter:first-letter{ font-size:200%;}

/**重写样式*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.sk-colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right !important;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none !important; /*visibility:hidden;*/}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.canvas { position: relative; }
.relative { position: relative; }
code, pre { color: #333333; font-family: Menlo,Monaco,"Courier New",monospace; font-size: 17px; padding: 0 3px 2px; }

abbr{background: none repeat scroll 0 0 whiteSmoke;
    border-bottom: medium none;
    border-left: 0.25em solid #3387C4;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 0.25em;} abbr:hover{ background:#f9d949;}

pre{ font-family:consolas,"Courier New",courier,monospace; /*color:#0088CC;*/ background-color: #FAFAFA; border: 1px solid #eee; display: block; margin: 0 0 9px; padding: 8.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}

code { background-color: #F7F7F9; color: #000; padding: 2px 4px; }
pre ol{
	margin: 0 0 0 25px;
}
pre.unstyled{
	background:none; color:#333; border:none;
}

/*插入flash默认灰色*/
object{ background:gray; display:block;}

.pink{ color:#ff00ff;} .blue{ color:#0000ff;} .deepblue{ color:#000099;} .gray{ color:#999999;} .red{ color:#ff0000;} .black{ color:#000;} .white{ color:white;} .green{color:green;}

.underline{ text-decoration:underline;} .dashedline{ border-bottom:dashed 1px #666;} ol.dashedline{ border:none; } ol.dashedline li{ border-bottom:dashed 1px #666; padding:5px; }


/* 固定不动 */
.fixed{
	position:fixed; clip:rect(0 100% 100% 0); _position:absolute;
	
	/* 底部 */
	bottom:0px; left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}

*html{ background-image:url(about:blank); background-attachment:fixed; /* 解决固定层在IE6下闪的问题 */}


/* png透明 */
.pngfix{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/* 渐变 */
.gradient{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede); background: -moz-linear-gradient(top, #ffffff, #dedede); /*火狐*/  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dedede)); /*webkit*/}
	
.radius { -webkit-border-radius: 4px;   /*只支持webkit内核的浏览器*/ border-radius: 4px;  /*只支持IE内核的浏览器（IE>=7)*/ -moz-border-radius : 4px; /*只支持Mozilla内核的浏览器*/ border:#ddd solid 1px; padding:4px; }

.highlighted {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    padding: 0 5px;
}

/*超出省略号显示*/
.ellipsis{
	white-space:nowrap;/*设置不折行*/
	text-overflow:ellipsis;/*这就是省略号喽*/
	-o-text-overflow:ellipsis;/*兼容opera*/
	width:80px;
	overflow:hidden;
}
/*文字闪动*/
.blink{
	text-decoration:blink;
}


/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}

/**FCK 兼容解决方案*/
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**表单样式*/
/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */
input{/*behavior:url(input.htc);*/ border:1px #ccc solid;}/*Only for ie 5.0+*/
/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/
input:hover{}/*For orther browsers*/
 form{}


 
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable{
    float: none;
    margin-left: 0;
}
/**by syku 输入框input焦点边框
input:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;}
**/	
	
	
fieldset{ padding:20px; border:#ccc solid 1px; }
label{ display:block; margin:10px 0 0 0; }


/*网站整体颜色总汇*/
.ff8600,ff86aa a{ color:#ff8600;}

/*网站整字体大小*/
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}

/*自定义字体*/
 @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } @font-face {  font-family: cutter;  src: url('../font/cutter.ttf');  }  .cutter {  font-family: cutter; }


/*网站整布局命名规范*/
 
/*外部链接*/
 a[rel=external]{
 	background:url(../imgs/external.png) no-repeat right center; padding:0 12px 0 0;
 }
 
 /*格子系统*/
 
.sk-row{
	height:auto; overflow:hidden; clear:both; margin-left:-20px;
}

 
.sk-col1, .sk-col2, .sk-col3, .sk-col4, .sk-col5, .sk-col6, .sk-col7, .sk-col8, .sk-col9, .sk-col10, .sk-col11, .sk-col12 , .aside, .main{
  display: inline; float: left; margin-left: 20px; /*margin-right: 10px;*/
}
 
/* 第一个元素 */ .alpha { margin-left: 0; } /* 最后一个元素 */ .omega { margin-right: 0; }


.sk-wrapper{ width: 1180px; height: ; margin:0 auto; padding: ; /*background:url(../imgs/grid.png) repeat;*/ clear:both; height:auto; overflow:hidden; margin-top:20px; /*解决ie8居中的问题*/ /*position:relative; left:50%; margin-left:-480px;*/ position:relative;
} .sk-col1{ width: 60px;} .sk-col2, .aside{ width: 140px; } .sk-col3{ width: 220px; } .sk-col4{ width: 300px; } .sk-col5{ width: 380px; }.sk-col6{ width: 460px; } .sk-col7{ width: 540px; } .sk-col8{ width: 620px; } .sk-col9{ width: 700px; } .sk-col10, .main{ width: 780px; } .sk-col11{ width: 860px; } .sk-col12{ width: 940px; }


/*宽屏*/
.hd .sk-wrapper{ width:1180px ;} .hd .sk-col1{ width: 80px;} .hd .sk-col2, .hd .aside{ width: 180px; } .hd .sk-col3{ width: 280px; } .hd .sk-col4{ width: 380px; } .hd .sk-col5{ width: 480px; }.hd .sk-col6{ width: 580px; } .hd .sk-col7{ width: 680px; } .hd .sk-col8{ width: 780px; } .hd .sk-col9{ width: 880px; } .hd .sk-col10, .hd .main{ width: 980px; } .hd .sk-col11{ width: 1080px; } .hd .sk-col12{ width: 1180px; }
	

/*平板*/
.flatbed .sk-wrapper{ width:748px ; } .flatbed .sk-col1{ width: 44px;} .flatbed .sk-col2, .flatbed .aside{ width: 108px; } .flatbed .sk-col3{ width: 172px; } .flatbed .sk-col4{ width: 236px; } .flatbed .sk-col5{ width: 300px; }.flatbed .sk-col6{ width: 364px; } .flatbed .sk-col7{ width: 428px; } .flatbed .sk-col8{ width: 492px; } .flatbed .sk-col9{ width: 556px; } .flatbed .sk-col10, .flatbed .main{ width: 620px; } .flatbed .sk-col11{ width: 684px; } .flatbed .sk-col12{ width: 748px; }
	


/*桌面*/
.desktop .sk-wrapper{ width:940px ; } .desktop .sk-col1{ width: 60px;} .desktop .sk-col2, .desktop .aside{ width: 140px; } .desktop .sk-col3{ width: 220px; } .desktop .sk-col4{ width: 300px; } .desktop .sk-col5{ width: 380px; }.desktop .sk-col6{ width: 460px; } .desktop .sk-col7{ width: 540px; } .desktop .sk-col8{ width: 620px; } .desktop .sk-col9{ width: 700px; } .desktop .sk-col10, .desktop .main{ width: 780px; } .desktop .sk-col11{ width: 860px; } .desktop .sk-col12{ width: 940px; }
	
/*手机*/
.phone .sk-wrapper{ width:auto; padding:0 10px; position:static; margin:0 10px;} .phone .sk-row{ margin:0;}
.phone .sk-col1, .phone .sk-col2, .phone .aside, .phone .sk-col3, .phone .sk-col4, .phone .sk-col5, .phone .sk-col6, .phone .sk-col7, .phone .sk-col8, .phone .sk-col9, .phone .sk-col10, .phone .main, .phone .sk-col11, .phone .sk-col12{ width:100%; margin:0;}

 @media only screen and (device-width 768px) {  
   /*For general iPad layouts*/  
   
}  
 
@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationportrait) {  
   /*For portrait layouts only */ 
}  
 
@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationlandscape) {  
   /*For landscape layouts only*/  
} 


   /*百分比格子系统*/
	/*.sk-row-percent .sk-wrapper{ width:118% !important;}*/
	.sk-row-percent{ /*margin:0 20px;*/ margin:0; margin-left:-1%; width:105%;}
    .sk-wrapper.sk-row-percent{ margin:0 auto;}
	.sk-row-percent .row{ }
	.sk-row-percent .sk-col1, .sk-row-percent .sk-col2, .sk-row-percent .sk-col3, .sk-row-percent .sk-col4, .sk-row-percent .sk-col5, .sk-row-percent .sk-col6, .sk-row-percent .sk-col7, .sk-row-percent .sk-col8, .sk-row-percent .sk-col9, .sk-row-percent .sk-col10, .sk-row-percent .sk-col11, .sk-row-percent .sk-col12, .sk-row-percent .aside, .sk-row-percent .main{ margin-left:1% !important;}
	.sk-row-percent .sk-col1{ width: 7% !important;} .sk-row-percent .sk-col2, .sk-row-percent .aside{ width: 15% !important;} .sk-row-percent .sk-col3{ width: 23%!important; } .sk-row-percent .sk-col4{ width: 31% !important;} .sk-row-percent .sk-col5{ width: 39% !important;}.sk-row-percent .sk-col6{ width: 47%!important; } .sk-row-percent .sk-col7{ width: 55% !important;} .sk-row-percent .sk-col8{ width: 63% !important;} .sk-row-percent .sk-col9{ width: 71%!important; } .sk-row-percent .sk-col10, .sk-row-percent .main{ width: 79% !important;} .sk-row-percent .sk-col11{ width: 87% !important;} .sk-row-percent .sk-col12{ width: 95% !important;}



/* 网站外围阴影 */
.shardow{}



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ /*color:#999; */} * small{ margin-left:10px;}
h1{
	*margin:25px 0; font-size:23px; line-height:1em;
}
h1 small{font-size:19px;}
h2{ font-size:21px;}
h3{ font-size:19px;}
h4{ font-size:17px;}
h5{ font-size:11px;}



.sk-naver{
	background:#222222; height: 50px; line-height: 50px; text-align:center; padding:0 20px; /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);*/ position:relative; z-index:99; /*border-bottom:#eee solid 1px;*/ }
.sk-naver-unstyled{ background:none;} .sk-naver-unstyled a{ color:#333 !important;} .sk-naver-unstyled a:hover, .sk-naver-unstyled a.selected{ background:none !important;}
.sk-naver-fixed{ position:fixed; top:0; width:100%; _position:absolute; _top: expression(documentElement.scrollTop + "px"); z-index:999; opacity:0.8; }
.sk-naver .sk-wrapper{ overflow:visible; margin-top:0; }
.sk-naver-module a, .sk-naver-sub a, .sk-naver-brand a{  color: #999999; padding: 0px 20px; position: relative; white-space: nowrap; float:left; display:inline; *padding:0 10px; line-height:50px;  /*_border-color:tomato; _filter:chroma(color=tomato);*/ /*ie6下边框透明解决方案,存在bug，导致ie6文字描边，暂时屏蔽*/ font-weight:normal; } 
.sk-naver-module a:hover, .sk-naver-sub a:hover, .sk-naver-.brand a:hover,
.sk-naver-module a.selected, .sk-naver-sub a.selected{ color:#A0D4FF; text-decoration:none; } 
.sk-naver-module{ float: left; margin:0 10px 0 0px; }
.sk-naver ul{ display:inline; margin:0;}
.sk-naver li{ display:inline; float:left; position:relative; }
.sk-naver li strong{ display:inline; float:left; }
.sk-naver-search{ float:left; display:inline;  _background:none; overflow:hidden; line-height:1em; margin-top:8px; }
.sk-naver-search-text{ float:left; display:inline; }
.sk-naver-search-button{ float:left; display:inline; }
.sk-naver-sub{ float: right; margin-right: -5px; }
.sk-naver-brand{ float:left; display:inline; /*margin:0 40px 0 0;*/ }
.sk-naver-brand a{ font-size:25px; padding-left:0 !important; font-weight: bold; padding-left: 0; padding-right: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); transition: all 0.2s linear 0s;} 
.sk-naver-brand a:hover{ background:none;}
.sk-naver-droper{ display:none; position:absolute; left:-1px; top:50px; width:150px; z-index:1000; background:#222222;}
.sk-naver-droper a{ background:none; display:block; float:none; text-align:left; white-space:nowrap;/*设置不折行*/ text-overflow:ellipsis;/*这就是省略号喽*/ -o-text-overflow:ellipsis;/*兼容opera*/ overflow:hidden; line-height:25px; line-height:22px; padding: 10px 18px 9px; border:none; border-bottom: 1px solid #333; }
.sk-naver-droper a:hover{ }
.sk-naver-sub .sk-naver-droper{ left:auto; right:0; }
.sk-naver .selected .sk-naver-droper{ display:block; }
.sk-naver-caret{ border:#333 solid 4px; border-top:#999 solid 4px; margin:25px 0 0 5px; content: ""; display: inline-block; height: 0; vertical-align: top; width: 0; }
.sk-naver .selected .sk-naver-caret{ border-top-color:#222; border-bottom-color:#999; margin-top:20px; }
/*为移动设备设计的菜单展开按钮*/
.sk-naver-collapse{ padding: 6px 12px 10px 12px; background:#444444; color:#fff; display:none; position:absolute; right:5px; top:10px; line-height:1em; }
.sk-naver-collapse span{ border-radius: 1px 1px 1px 1px; display: block; height: 2px; width: 22px; background:#fff; margin-top: 4px; }
.sk-naver a.highlighted {color:#ECB336; background:none;}
.sk-naver a:hover.highlighted { color:#ffe8b6;}




/*头部*/
.sk-header{ margin: 0px auto 0px auto; height:auto; overflow:hidden; clear:both; }
.sk-header h1{ font-size: 60px; line-height:60px; margin:0; font-weight:bold; }
.sk-header h2{ font-size:20px; line-height:30px; }
.sk-header-search{ margin:10px 0 0 0; }
.sk-header-search-text{ padding:9px; }
.sk-header-search-button{ padding:9px; }



.phead{ border-bottom: 1px solid #EEEEEE; margin: 18px 0; padding-bottom: 10px; font-size:21px; line-height:1.2em; /*font-weight:bold;*/ padding-top:20px; clear:both; position:relative; }
.phead small{ font-size: 17px; margin-left:10px; font-weight:normal; }
.phead .more{
	position:absolute; right:0; bottom:7px;
}
.pbody{ }
.pfoot{ }


.sk-footer{ display:block;/*新增的html5标签需要加入display:block,才能居中哦*/ padding:40px 0 30px 0; text-align:center; }
.sk-footer .sk-wrapper{ margin-top:0 !important;}
.sk-footer-black{ background:#333; color:#fff; }
.sk-footer a{}
.sk-footer a:hover{}
.sk-footer-left{ width:60%; }
.sk-footer-right{ width:40%; text-align:right; }




.sk-table { background-color: transparent; _background:none !important; border-collapse: collapse; border-spacing: 0; max-width: 100%; margin-bottom: 20px; width: 100%; }
.sk-table td.selected, table th.selected{ background:#F9F9F9; }
table th, table td { border-top: 1px solid #DDDDDD; padding: 4px 5px; /*text-align: left; vertical-align: top;*/ }
table th { font-weight: bold; }
table thead th, table thead td { vertical-align: bottom; background:#DBEFF9; }
table.bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; border-image: none; border-style: none solid solid none; border-width: 1px 1px 1px 0; padding:0 !important; }
table.bordered th, table.bordered td { border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }
.sk-table-bordered thead:first-child tr:first-child th:first-child, .sk-table-bordered tbody:first-child tr:first-child td:first-child { }
/*斑马条纹*/
.sk-table-zebra{}
.sk-table-zebra tr:nth-child(odd){ }
.sk-table-zebra tr:nth-child(even){ background:#F9F9F9; }

 
.bordered{ border: 1px solid #DDDDDD; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); padding:5px; border-radius:2px; line-height:1em;}
.bordered:hover{ border-color:#bbb; }

 
/*css3漂浮的云*/
@-webkit-keyframes cloud{ from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-moz-keyframes cloud { from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-ms-keyframes cloud { from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-o-keyframes cloud { from { background-position: 600px 100%; } to { background-position: 0 100%; } }

/*css3浮动的波浪*/
@-webkit-keyframes wave{ from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-moz-keyframes wave { from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-ms-keyframes wave { from { background-position: 600px 100%; } to { background-position: 0 100%; } }
@-o-keyframes wave { from { background-position: 600px 100%; } to { background-position: 0 100%; } }

.sk-heading{ padding:80px 20px 80px 20px; line-height:1; /*text-align:center; margin-bottom:30px;*/  /*background:url(../imgs/headingbg.png) #2C6091 no-repeat center 0px; */ /*color: #5A5A5A;*/ padding: 30px 30px 40px; font-size:14px; /*background: url("../imgs/cloud.jpg") repeat-x scroll 0 bottom #049EC4;
  -webkit-animation: cloud 20s linear infinite;
  -moz-animation: cloud 20s linear infinite;
  -ms-animation: cloud 20s linear infinite;
  -o-animation: cloud 20s linear infinite;
  animation: cloud 20s linear infinite;*/ }
.sk-heading-wave{ animation: 20s linear 0s normal none infinite wave; background: url("../imgs/wave.png") repeat-x scroll 0 bottom #049EC4; }
.sk-heading-unstyled{ background:none; color:#333; border-bottom:#eee solid 1px;}
.sk-heading .sk-wrapper{ left:auto; margin-left:auto; }
.sk-heading h1{ font-size:60px; font-weight:bold;  margin-bottom: 10px; margin-top: 20px; }
.sk-heading h2{ line-height:150%; font-size:24px; }
.sk-heading a{ } 
.sk-heading p { font-weight: 300; line-height: 1.5; }
.sk-heading a{ color:#ECB236;} .sk-heading a:hover{ color:#ffe8b6;}
.sk-heading hr{ border-top:#234F76 solid 1px; border-bottom:#4675A1 solid 1px; margin:20px 0;}


/*新版，dl更适用，工作项目总结*/
dl.sk-sidebar{ list-style:none; padding-bottom:1px; margin:0;}
.sk-sidebar dd{ border: 1px solid #E5E5E5; display: block; margin: 0 0 -1px; padding: 8px 14px;}
.sk-sidebar dd:hover{ background:#eee; }
.sk-sidebar dd.selected{ cursor:default; color:#999; }
.sk-sidebar dd.selected a:hover{ text-decoration:none; }


.sk-pager{ padding-top:5px; }
.sk-pager a{ padding:4px 10px; border: 1px solid #ddd; background: #fff; }
.sk-pager a:hover{ background: none repeat scroll 0 0 #0099FF; border-color: #0099FF; color: #FFFFFF; }
.sk-pager a.selected{ background:none; border:none; }
.sk-pager-unstyled a{ border:none;}
.sk-pager-unstyled a:hover, .sk-pager-unstyled a.selected{ background:none; color:#333;}


.sk-alert{ background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; padding:10px; }
.sk-alert-error{ background-color: #F2DEDE !important; border-color: #EED3D7; color: #B94A48; }
.sk-alert-success{ background-color: #DFF0D8 !important; border-color: #D6E9C6; color: #468847; }


.sk-footbar{ margin:50px 0 0 0; }
.sk-footbar-head{ background:#fcfcfc; padding:5px; text-align:center; }
.sk-footbar-body{ padding:20px 0; }
.sk-footbar .sk-col3{ /*width:180px; display: inline; float: left; margin-left: 20px; padding:0 0 0 20px;*/ }
/*写法不兼容ie6,ie7*/
.sk-footbar .sk-col3 + .sk-col3 { /*border-left: 1px solid #DDDDDD; */}
/*hack*/
.sk-footbar dl{ margin:20px 0 0 0; line-height:2em; }
.sk-footbar a{  }
.sk-footbar a:hover{}


/*美版风格*/
.usa ul, .usa ol{ font-size:11px; }
.hero{ background:#eee; padding:30px 60px;}
.hero h1{ font-size: 54px; }


/*幻灯片*/
.sk-slider{ background:#44BDFD; clear:both; position:relative; height:300px; padding-top:60px;  background:url(../imgs/loading.gif) #eee no-repeat center center;} 
.sk-slider .sk-wrapper{ margin-top:0 !important;}
.sk-slider-prev, .sk-slider-next{ font-size:100px; position:absolute; left:0; top:130px; /*background: #DBEFF9;*/ padding:30px 10px; color:#fff; cursor:pointer; font-family:sans-serif; background: none repeat scroll 0 0 #222222; opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;  }
.sk-slider-prev:hover, .sk-slider-next:hover{ opacity:0.5; }
.sk-slider-next{ right:0; left:auto; }
.sk-slider-inner{}
.sk-slider-item{ text-align:center; line-height:1; display:none;}
.sk-slider-item.selected{}
.sk-slider h1{ font-size:70px; margin-bottom:40px; font-weight:bold; }
.sk-slider h2{ line-height:1.5; }
.sk-slider-item .sk-button{ padding:15px 20px; }




.rotate:hover{
	transform: rotate(360deg);
	transition: all 1s ease-out 0s;
}


/*选项卡*/
.sk-taber{ }
.sk-taber-head{ border-left: 1px solid #E5E5E5; height:30px; }
.sk-taber-head a{ border: 1px solid #E5E5E5; float:left; display:inline; padding:0px 20px; border-left:none; height:30px; line-height:30px; }
.sk-taber-head a.selected{ border-bottom:none; }
.sk-taber-body{ clear:both; padding:10px; }



.sk-tooltip{ padding:4px; background:#000; position:absolute; z-index:1001; color:#fff; font-size:12px;
filter:alpha(opacity=80); -moz-opacity:0.8;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.8; opacity: 0.8;  }
.sk-tooltip-arrow{ width:0; height:0; border-top:0px; border-bottom:5px solid #000; border-right:5px solid transparent; border-left:5px solid transparent; position:absolute; top:-4px; *top:-30px; left:8px; }



.sk-spring{ background:#FFF8E2; color:#463714;  position: relative; z-index: 99; padding:8px 20px; box-shadow: 0 -2px 3px rgba(201, 175, 111, 0.2) inset; line-height:1.5em; background:#F7CA01; text-shadow:#e7CA01 1px 1px; }
.sk-spring .sk-wrapper{ margin-top:0; }
.sk-spring del{ position: absolute; right: 20px; top: 10px; cursor:pointer; text-decoration:none; color: #000000; float: right; font-size: 20px; font-weight: bold; line-height: 18px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF; }


/*弹窗*/
.sk-popup{ width:600px; height:auto; overflow:hidden; position:fixed; _position:absolute; left:50%; margin-left:-300px; top:50%; margin-top:-200px; border:#ccc solid 1px; background:#fff; box-shadow:#333 0px 3px 7px; z-index:999; display:none;}
.sk-popup del{ display:block; position:absolute; right:20px; top:20px; width:20px; height:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:30px; text-shadow: 0 1px 0 #FFFFFF; cursor:pointer; color:#ccc;  }
.sk-popup-head{ border-bottom:#eee solid 1px; padding:20px; font-size:20px; position:relative; }
.sk-popup-body{ padding:20px; }
.sk-popup-foot{ background:#f5f5f5; padding:10px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; text-align:right;  }


.sk-popover{ PADDING-RIGHT:20px; PADDING-LEFT:20px;Z-INDEX:100;PADDING-BOTTOM:20px; WIDTH:300px;PADDING-TOP:20px; POSITION:absolute; background:#fff; border:2px solid #333; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.sk-popover:before { border-bottom: 7px solid #333; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px; }



@-webkit-keyframes bar_ {  from { background-position: 40px 0; } to { background-position: 0 0; } }
@-moz-keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }
@-ms-keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }
@-o-keyframes bar_ { from { background-position: 0 0; } to { background-position: 40px 0; } }
@keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }




.sk-progress{ background-color: #F7F7F7; background-repeat: repeat-x; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; }
.sk-progress-bar{  -moz-box-sizing: border-box; background-color: #0E90D2; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0; }
.sk-progress-striped .sk-progress-bar { background-color: #149BDF; background-size: 40px 40px; }
/*css3滚动效果*/
.sk-progress-active .sk-progress-bar { animation: 2s linear 0s normal none infinite bar_; }
.sk-progress-success .sk-progress-bar{ background-color: #5EB95E; background-repeat: repeat-x; }
.sk-progress-warning .sk-progress-bar{ background-color: #FAA732; background-repeat: repeat-x; }
.sk-progress-danger .sk-progress-bar{ background-color: #DD514C; background-repeat: repeat-x; }




/*分割线*/
.partbar{
	background:#244668; padding:10px 0; color:#fff; text-align:center; position:relative;
}
.partbar .arrow{
	border-top:#244668 solid 10px; border-left:#fff solid 10px; border-right:#fff solid 10px; position:absolute; bottom:-10px; width:0; height:0; left:50%;
}

 
	
/*广告*/
.banner{} .banner .sk-wrapper{ margin-top:0 !important;}
.banner img{ float:left; display:inline; }


input[type=text],textarea, .sk-text{ background:#fff; border: 1px solid #ccc; /*box-shadow: 0 1px 1px #ccc inset;*/ line-height: 100%; display:inline-block; margin: 0; outline: medium none; padding: 0.5em; border-radius: 4px;}
.sk-text-radius{ }
 

/*按钮*/
.sk-button{ display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size:16px; line-height:100%; border:none; /* gray */ color: #333; border-radius:2px; padding: 0.5em 1.5em; background:#ebebeb; }
.sk-button:hover { border-color:#adadad;} .sk-button:active { position: relative; top: 1px; /* white */ color: #999; }
/*圆角*/
.sk-button-bigrounded {} /*中号*/ .sk-button-medium { font-size: 12px; padding: .4em 1.5em .42em; } /*小号*/.sk-button-small { font-size: 11px; padding: .2em 1em .275em; } .sk-button-xlarge { font-size: 200%;}  .sk-button-default{border:#ccc solid 1px; background:none;}/* 黑色 */ 
.sk-button-black { color: #fff; background: #333; } .sk-button-black:hover { background: #000; } .sk-button-black:active { color: #fff; } /* 灰色 */ 
.sk-button-gray { color: #e9e9e9; background: #6e6e6e; } .sk-button-gray:hover { background: #616161; } .sk-button-gray:active { color: #afafaf; } /* 橙色 */ .sk-button-orange { color: #fef4e9; background: #f78d1d; } .sk-button-orange:hover { background: #f47c20; } .sk-button-orange:active { color: #fcd3a5; } /* 红色 */ .sk-button-red { color: #faddde; background: #d81b21; } .sk-button-red:hover { background: #b61318; } .sk-button-red:active { color: #de898c; } /* 蓝色 */ .sk-button-blue { color: #d9eef7; background: #42B8DD; } .sk-button-blue:hover { background: #007ead; } .sk-button-blue:active { color: #80bed6; } /* 玫瑰色 */ .sk-button-rosy { color: #fae7e9; background: #da5867; } .sk-button-rosy:hover { background: #ba4b58; } .sk-button-rosy:active { color: #dca4ab; } /* 绿色 */ .sk-button-green { color: #e8f0de; background: #64991e; } .sk-button-green:hover { background: #538018; } .sk-button-green:active { color: #a9c08c; } /* 粉色 */ .sk-button-pink { color: #feeef5; background: #f895c2; } .sk-button-pink:hover { background: #d57ea5; } .sk-button-pink:active { color: #f3c3d9; } /* 黄色 */  .sk-button-yellow { color: #fff; background: #fd9c2c; } .sk-button-yellow:hover { background: #EF8500; } .sk-button-yellow:active { color: #fff; } .sk-button-yellow-shadow{border: 0 none; box-shadow: 0 -4px 0 #E67303 inset;}
/*无样式*/
.sk-button-unstyled{ background:none; border: 1px solid rgba(255, 255, 255, 0.5); } a:hover.sk-button-unstyled{ background:border: 1px solid rgba(255, 255, 255, 0.1);}
	
	
 
 
 
 
@-webkit-keyframes animate-qq { from { margin-top: 10px; } 50% { margin-top: 0; }  to { margin-top: 10px; } }
@-moz-keyframes animate-qq { from { margin-top: 10px; } 50% { margin-top: 0; } to { margin-top: 10px; } }
@-ms-keyframes animate-qq { from { margin-top: 10px; } 50% { margin-top: 0; } to { margin-top: 10px; } }
@-o-keyframes animate-qq { from { margin-top: 10px; } 50% { margin-top: 0; } to { margin-top: 10px; } }
.animate-qq-key from { margin-top: 10px; }
.animate-qq-key 50% { margin-top: 0; }
.animate-qq-key to { margin-top: 10px; }
.qq{
	background:url(../imgs/qq.png) no-repeat; width:144px; height:153px; position:absolute; display:block; right:5%; top:150px; /*调用css3动画*/ -webkit-animation: animate-qq 3s ease-in-out infinite; -moz-animation: animate-qq 3s ease-in-out infinite; -ms-animation: animate-qq 3s ease-in-out infinite; -o-animation: animate-qq 3s ease-in-out infinite; animation: animate-qq 3s ease-in-out infinite;
}

/*卡通形象*/
.cartoon{
	background:url(../imgs/cartoon.png) no-repeat; width:302px; height:172px; position:absolute; top:350px; left:5%;
}

/*百叶窗*/
.shutter{
	 margin: 0 auto;
    max-width: 1600px;
    overflow: hidden;
    position: relative; background:#f2f2f2;
}
.shutter .item{
	background:url(../imgs/shutter.jpg) no-repeat;
}
.shutter .text{
	    background: none repeat scroll 0 0 #E23300;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 1.4em 25px;
    width: 23.4375em; top:5%;
	
	pointer-events: none;
    position: absolute;
    width: 26em;
}
.shutter .text h3{
	font-size:1.9em;
}
.shutter .media{
	padding-bottom: 30%;
}
.shutter .status{
	text-align:right; font-size:30px;  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15); position:absolute; bottom:30px; left:0; width:100%;
}


/*分享栏*/
.sharebar{
	color:#fff; font-size:16px;
}
.sharebar h2{
	font-size:38px;
}
.sharebar .highlight{
	
}
.sharebar .highlight a{
	padding:1.75em; border: 1px solid transparent; background:#10537B; display:block; color:#fff;
}
.sharebar .highlight a:hover{
	background:#10537B;
}
.sharebar .highlight h3{
	font-size:24px;
}
.sharebar .highlight img{
	float:left; margin-right:24px;
}

/*二维码*/
/*.qrcode{
	position:fixed; bottom:30%; right:5px; width:100px; padding:10px; background:#EBEBEB;
}
.qrcode:hover{ background:#D5DFE8;}
.qrcode img{
	max-width:100%;
}*/

/*面包屑*/
.sk-current{ border: 1px solid #E5E5E5; padding:5px 10px; clear:both; height:auto; overflow:hidden; text-align:right; position:relative;}
.sk-current dt{ position:absolute; left:10px; top:5px; }
.sk-current dd{ display:inline; }
.sk-current-unstyled{ border:none; padding:0;}




.sk-label{background-color: #999999; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 22px; padding: 3px 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; white-space: nowrap;} .sk-label-success{background-color: #468847;} .sk-label-warning{background-color: #F89406;} .sk-label-error{background-color: #B94A48;}
/*仿苹果时间样式*/
.sk-label-time{ background:#666; color:#fff; padding:2px 5px; margin:0 2px 0 2px; position:relative;}
.sk-label-time:before{ position:absolute; width:100%; height:1px; background:#fff; content:""; left:0; top:50%; }



	
.sk-well{ background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px;} .well .sk-wrapper{ margin-top:0 !important;}
	
	
	.page{ padding:50px 0;}
	.page.gray{  background:#EDEDEB;}
	.page.black{background:#454D50;}
	.page.red{ background:#EE3728; color:#8C2018;} .page.red a{ color:#fff;}
	
	/*一般用在BANNER图下的内容条*/
	.purchase{box-shadow: 0 0 4px #EEEEEE inset;
    padding: 30px 0 20px; background:#FEFEFE;}
	.purchase .sk-wrapper{ margin-top:0 !important;}
	
	
/*时间轴*/
.sk-timeline { font-family: 'Gorditas',Arial,sans-serif; list-style-type: none; padding: 30px 0 50px; position: relative; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==") repeat-y scroll 165px 0 #eee; }
.sk-timeline-event { margin-bottom: 80px; padding-right: 40px; position: relative; }
.sk-timeline-thumb { background-repeat: no-repeat; border-radius: 50% 50% 50% 50%; border: solid 4px #ddd; box-shadow:0 1px 1px rgba(200, 200, 200, 0.5); height: 100px; position: absolute; transform: scale(0.8) translateX(24px); width: 100px; left:0; *left:20px; top:0; }
.sk-timeline-thumb span { bottom: -30px; color: #999; font-size: 15px; font-weight: 700; position: absolute; text-align: center; text-transform: uppercase; width: 100%;  }
.sk-timeline-inner { margin-left: 230px; perspective: 600px; position: relative; border-color: #F26328; box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.1); background:#fff; padding:20px; }
.sk-timeline-inner:before { border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-right: 20px solid #fff; content: ""; display: inline-block; top: 37px; position: absolute; left: -20px; }
.sk-timeline label{ display: block; height: 24px; left: 158px; position: absolute; top: 36px; width: 24px; background: none repeat scroll 0 0 #fff; border-radius: 50% 50% 50% 50%; color: #41838E; font-family: 'fontawesome-selected'; font-size: 26px; border:#ddd solid 4px; }
.sk-timeline-event:hover label{ border:#ccc solid 4px; }


/*单行滚动*/
.sk-singlerolling{ height:22px; overflow:hidden; line-height:22px; }



/*报头*/
.sk-masthead { position: relative; padding: 30px 15px; text-align: center; }
.sk-masthead h1 { font-size: 80px; line-height: 1; }
.sk-masthead p { font-size: 30px; margin-left: 10%; margin-right: 10%; font-size: 21px; font-weight: 200; line-height: 1.4; margin-bottom: 20px; }
.sk-masthead-social { margin:50px 0 20px 0;} 
.sk-masthead-lead { font-size: 21px; font-weight: 200; line-height: 1.4; margin-bottom: 20px; }



.intro{}

/*圆形*/
.rounder{
	/*transform: scale(0.8) translateX(24px);*/
	border-radius: 50% 50% 50% 50%;
    border: solid 4px #ddd;
	box-shadow:0 1px 1px rgba(200, 200, 200, 0.5);
}

.loading{background:url(../imgs/loading.gif) no-repeat center center;}

/*扩大*/
.expand{}

.postfix.button {
    line-height: 2.125em;
    padding: 0;
    text-align: center;
}
button.expand, .button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/*后缀*/
.postfix{}
.prefix, .postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875em;
    height: 2.3125em;
    line-height: 2.3125em;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

/*标注*/
.callout{}

.well.callout {
    background: none repeat scroll 0 0 #2BA6CB;
    border-color: #2284A1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    margin-bottom: 1.25em;
    padding: 1.25em;
}



 .absbar{ position:fixed; _display:none; top:200px; right:20px; z-index:99;}
 .absbar a{ color:#666; font-size:20px;}
 .absbar li{ position:relative; margin:5px 0 0 0;}
 .absbar li .toggle{ width:50px; height:50px; background:#eee; display:block; cursor:pointer; line-height:50px; text-align:center;}  
 .absbar .droper{ position:absolute; right:60px; top:0; background:#eee; padding:20px; display:none;}
 

/*页面左侧*/ .leftpage{} /*页面右侧*/ .mainpage{} /* 页面右侧 */ .rightpage{} /* 列表模型 */ .list{} /*侧栏*/  .sk-column{} /*登录条*/
.loginbar{} /*热点*/ .hot{} /*新闻*/ .news{} /*下载*/ .download{} /*子导航*/ .subnav{} /*菜单*/ .menu{} /*子菜单*/ .submenu{} /*搜索*/ .search{} 

/*友情链接*/ .friendlink{} /*版权*/ .copyright{} /*滚动*/ .scroll{} /*内容*/ .content{} /*标签页*/ .tab{} /*文章列表*/ .list{} /*提示信息*/ .msg{} /*小技巧*/ .tips{} /*栏目标题*/ .title{} /*加入*/ .joinus{} /*指南*/ .guild{} /*服务*/ .service{} /*注册*/ .regsiter{} /*状态*/ .status{} /*投票*/ .vote{} /*合作伙伴*/ .partner{}